<template>
  <div class="maintain-layout">
    <snackbar style-color="#FFFFFF"
              back-color="#54AF3E"
              status-color="#FFFFFF"
              style="background: #FAFAFA !important"
              :fixed="true">
    </snackbar>

    <div class="picture-bodey">
    </div>




  </div>
</template>

<script>
export default {
  name: 'picture',
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.maintain-layout {
  width: 100%;
  height: 100vh;
  //background: #54AF3E;
  background-image: linear-gradient(to bottom, #54AF3E, #C3E1BC );
  .picture-bodey {
    width: 322px;
    height: 75vh;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 1px rgba(121, 121, 121, 0.3);
    border-radius: 20px;
    border: 0px solid rgba(222, 222, 222, 0.31);
    display: flex;
    flex-direction: column;
    //margin-left: 4%;
    margin: 5% auto;


  }



}
</style>
